<!--添加角色-->
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<div th:fragment="addPermissionModal">
    <template id="addPermissionModal">
        <div>
            <el-dialog title="添加" :visible.sync='show_add_permission_modal' center :show-close="false" size="mini" :close-on-click-modal="false" :close-on-press-escape="false">
                <div slot="footer" class="dialog-footer">
                    <el-button size="mini" @click="cancelAddPermissionDilogHandle">取 消</el-button>
                    <el-button size="mini" @click="confirmAddPermissionDilogHandle" type="primary" >确 定</el-button>
                </div>
            </el-dialog>
        </div>
    </template>
    <script>
        const AddPermissionModal = {
            template: '#addPermissionModal',
            props: {
                show_add_permission_modal: Boolean
            },
            methods:{
                cancelAddPermissionDilogHandle: function (){
                    this.$emit('add_permission_modal_close');
                },
                confirmAddPermissionDilogHandle: function () {
                    this.cancelAddPermissionDilogHandle();
                },
            },
        }
    </script>
</div>
</html>